<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="plugins/minirefresh/minirefresh.min.css">

    <link rel="stylesheet" href="css/lession8-2.css">
</head>

<body>



            <!-- 页头 begin -->
            <div class="pageHeader">
                <div class="pageHeader-left">
                    <a href="javascript:void(0)">
                        <img src="imgs/jd/index-menu.png" />
                    </a>
                </div>
                <div class="pageHeader-center">
                    <div class="logo"></div>
                    <div class="shuxian"></div>
                    <div class="searchIcon"></div>
                    <input type="text" placeholder="鼠标" />
                </div>
                <div class="pageHeader-right">
                    <a href="javascript:void(0)">
                        <img src="imgs/jd/index-user.png" />
                    </a>
                </div>
            </div>
            <!-- 页头 end -->
            <!-- 背景 begin -->
            <div class="bgBarWrap">
                <div class="bgBar"></div>
            </div>
            <!-- 背景 end -->

            <!-- 轮播图 begin -->
            <div class="lunbo swiper-container">
                <div class="lunbo-wrap swiper-wrapper">
                    <!-- 轮播内容 -->
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!-- 轮播图 end -->
            <!-- 应用列表 begin  -->
            <div class="applistDom swiper-container-applist">
                <div class="applistwrap swiper-wrapper">
                    <div class="applist swiper-slide">
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-1.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                    </div>
                    <!-- slider1 -->
                    <div class="applist swiper-slide">
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                        <div class="applist-item">
                            <a href="javascript:void(0)">
                                <img src="imgs/jd/index-slider-2.png" />
                                <h3>京东超市</h3>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="sliderList-actions swiper-pagination-applist">
                    <div class="item"></div>
                    <div class="item"></div>
                </div>
            </div>
            <!--应用列表 end -->

            <!-- 滚动加载 begin -->
            <div class="productList">
                <div class="productList-item">
                    <div class="productList-item-top">
                        <a href="">
                            <img src="imgs/jd/index-user-upload1.png" />
                        </a>
                    </div>
                    <div class="productList-item-center">
                        <a href="">
                            三只松鼠鸭脖 休闲零食 鸭肉干肉脯 卤味零食小吃 鸭脖子甜辣味154g
                        </a>
                    </div>
                    <div class="productList-item-bottom">
                        <div class="price">¥69.9</div>
                        <div class="tag">看相似</div>
                    </div>
                </div>


                <div class="productList-item">
                    <div class="productList-item-top">
                        <a href="">
                            <img src="imgs/jd/index-user-upload1.png" />
                        </a>
                    </div>
                    <div class="productList-item-center">
                        <a href="">
                            三只松鼠鸭脖 休闲零食 鸭肉干肉脯 卤味零食小吃 鸭脖子甜辣味154g
                        </a>
                    </div>
                    <div class="productList-item-bottom">
                        <div class="price">¥69.9</div>
                        <div class="tag">看相似</div>
                    </div>
                </div>

                <div class="productList-item">
                    <div class="productList-item-top">
                        <a href="">
                            <img src="imgs/jd/index-user-upload1.png" />
                        </a>
                    </div>
                    <div class="productList-item-center">
                        <a href="">
                            三只松鼠鸭脖 休闲零食 鸭肉干肉脯 卤味零食小吃 鸭脖子甜辣味154g
                        </a>
                    </div>
                    <div class="productList-item-bottom">
                        <div class="price">¥69.9</div>
                        <div class="tag">看相似</div>
                    </div>
                </div>
            </div>

            <!-- 滚动加载 end -->
  
    
    <script src="js/swiper.min.js"></script>
    <script src="libs/zepto/zepto.js"></script>
    <script src="libs/zepto/touch.js"></script>
    <script src="libs/zepto/ajax.js"></script>
    <script src="libs/zepto/event.js"></script>
    <script src="js/lession8-2.js"></script>
</body>

</html>